﻿body{background:url(../images/home_casebg.jpg) no-repeat top center;background-attachment:fixed;background-size:100%;}
#header_logo_top{display:none;}
/*===============================banner=======================================*/
.slideBox{ display:block;width:100%;margin:0px auto 0px auto; overflow:hidden; position:relative; top:2.5%;z-index:0;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%;margin-left:-30px; bottom:15px; z-index:1;display:inline; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; line-height:12px;border-radius:6px; text-align:center; background:#ffffff; cursor:pointer; text-indent:-1999px; }
.slideBox .hd ul li.on{ background:#ff9900; color:#fff;transition:all .3s; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{ width:100%; display:block;transition:all 2s;  }
.slideBox .bd img.blankgif{ width:100%; display:block;  }
/* slideBox btn */
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:48%; margin-top:-25px; display:block; width:52px; height:70px; background:url(../images/common_icon.png) -603px -407px no-repeat; filter:alpha(opacity=50);opacity:0.5;border-radius:5px;}
.slideBox .next{ left:auto; right:3%; background-position:-420px -407px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.defblock  {font-size:12pt;line-height:28px;color:#666;}
.bgblue {background: #f6f7fb;}
.defblock {padding:30px 0px 30px 0px;}
.defblock .w1200 {width:1200px;margin:0px auto;text-align:center;}
.defblock .w1200 h3 {font-weight:500; color:#333;text-align:center;/*height:66px;*/margin-bottom:20px;}
.defblock .w1200 h3.cen{text-align:center;}
.defblock .w1200 h3 a {display: none;}
.defblock .w1200 h3 i{display:none;width:30px;height:4px;background:none;margin:0px auto 10px auto;transition:all .3s;}
.defblock .w1200 h3 small {display: block;line-height:40px;height:40px; font-size:18pt;color:#333;font-weight:bold;z-index:9;position:relative;}
.defblock .w1200 h3 font {margin-left:0px;color:#888;font-size:14px; position:relative;top:0pt;z-index:1}
.defblock .w1200 h3:hover i{display:none;width:90px;height:4px;background:#0066cb;margin:0px auto 10px auto;transition:all .3s;}

.defblock .defabout {width: 1200px;height:auto;display:block;padding:0px;margin:0px auto;}
.defblock .defabout img {display: inline;float: right;width:600px;}
.defblock .defabout .defabout_cont {width:100%;display:inline;float:left;text-align:center; font-size:10pt;line-height:32px;padding-left:0px; color:#fff;}
.defblock .defabout .defabout_cont .defmore {background: #ff6a00;border-radius: 7px;color: #fff;padding: 4px 15px 4px 15px;}
.color_wrt {background: #fff;padding-top:5%;}

/*join*/
.join_wrap{display:block;position:relative;overflow:auto;padding-bottom:10px;}
.join_wrap:after{content:" ";clear:both;}
.joinbox {position:relative; display:inline;float:left;width:30%;margin-right:2%;margin-left:1%; background:#fff;box-shadow:0 0 10px #e1e1e1;}
.joinbox:nth-child(3n){margin-right:1%;} 
.joinbox img{width:100%;}
.joinbox .joinbox_tit a span.faa{font-size:16pt;height:60px;line-height:60px;} 
.joinbox .joinbox_more a{display:block;width:75%;margin:0px auto;background:#f6f7fb;margin-bottom:20px;transition:all .3s;}
.joinbox .joinbox_more a:hover{background:#0067d0;color:#fff;transition:all .3s;}
@media screen and (max-width:1200px) 
{
    .join_wrap{display:block;position:relative;overflow:auto;padding-bottom:10px;}
    .join_wrap:after{content:" ";clear:both;}
    .joinbox {position:relative; display:block;float:initial;width:90%;margin-right:auto;margin-left:auto; background:#fff;box-shadow:initial;padding-bottom:20px;margin-bottom:2%;}
    .joinbox:nth-child(3n){margin-right:auto;} 
    .joinbox img{width:100%;}
    .joinbox .joinbox_tit a span.faa{font-size:16pt;height:60px;line-height:60px;} 
    .joinbox .joinbox_more a{display:block;width:75%;margin:0px auto;background:#f6f7fb;margin-bottom:20px;transition:all .3s;}
    .joinbox .joinbox_more a:hover{background:#0067d0;color:#fff;transition:all .3s;}   
}
/* 产品中心 */
.deftopprod{width:100%; overflow:hidden; zoom:1;margin-top:0%;display:inline;float:right; }
.deftopprod section{width:100%; overflow:hidden; zoom:1;margin-top:0%;}
.defcasewrap  .w1200 .slink {display:none;float:left;width:205px;position:relative;margin-top:0px;line-height:66px; text-align:center;background:#fff;padding:10px;}
.defcasewrap  .w1200 .slink h3{background:#e50112;color:#fff;margin-bottom:10px;}
.defcasewrap  .w1200 .slink a {display:block;width:100%;background:#f6f7fb; height:46px;line-height:46px;margin-bottom:5px;}
.defcasewrap  .w1200 .slink a.cur {background:#0067d0;color:#fff; }
/*******************showbox10102*******************/
.showbox10102{DISPLAY:INLINE;FLOAT:LEFT;width:32%;background:#fff;  margin-bottom:2.5%;margin-right:2%;text-align:center;position:relative;}
.showbox10102:nth-child(3n){margin-right:0%;}
.showbox10102 a.pic{display:block;background:url(../images/prod_bg.jpg) no-repeat top center;background-size:100%;}
.showbox10102 img{width:100%;transition:all .3s;}
.showbox10102 .showbox_pic {overflow: hidden;}
.showbox10102 .showbox_pic em{position:absolute;left:0%;top:0%;background:#0067d0;padding:0px 10px; color:#fff;font-size:12px;display:none;}
.showbox10102 img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition:all .3s}
.showbox10102 .hover{display:none}
.showbox10102 .showbox_tit{width:100%;padding:5% 0;}
.showbox10102 .showbox_tit span{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.showbox10102 .showbox_tit span.faa{display:block;float:left;text-align:center; width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*行业应用*/
.deftopcase{width:1200px; overflow:hidden; zoom:1;margin:0% auto;display:block;float:initial; }
.deftopcase section{width:100%; overflow:hidden; zoom:1;margin-top:0%; }
.deftopcase section pre{text-align:center;}
.deftopcase section div{ width:25%;height:450px; padding:0%; background:#fff;margin-right:0%; margin-bottom:0%; position:relative; float:left; display:inline;}
.deftopcase section div a p{display:block;background:#f6f7fb; width:100%;height:25px;padding:100px 0px 100px 0px; text-align:center;margin-top:0;font-size:14px;color:#888;position:relative;}
.deftopcase section div a p span.inner{ font-size:14px;color:#333;text-align:center;top:70px;margin-left:auto;margin-right:auto; border-bottom:2px solid #e50112;transition:all .3s;}
.deftopcase section div .pic {position:relative;display:block;width:100%;padding:0%; overflow:hidden;margin-bottom:0px;}
.deftopcase section div .pic img { background:#ddd;width:100%;transition:all .3s;}
.deftopcase section div label{display:block;width:20px;height:20px;background:#f6f7fb;transform:rotate(45deg);position:absolute;top:215px;left:49%;}
.deftopcase section div:hover img{border-radius:20px;transition:all .3s;background:#f6f7fb;}
.deftopcase section div:hover span.inner{font-size:18px;transition:all .3s;}
.deftopcase section div:nth-child(2n){ width:25%;padding:0%; background:#fff;margin-right:0%; margin-bottom:0%; position:relative; float:left; display:inline;}
.deftopcase section div:nth-child(2n) a p{position:absolute;top:0;}
.deftopcase section div:nth-child(2n) .pic img{margin-top:225px;}


.def_bb{padding:70px 0px 70px 0px;background:#fff;}
.def_bg{padding:70px 0px 70px 0px;background:rgba(55,79,90,.9);}
.def_bgf6{background:#f6f7fb;}
.def_bg .w1200 h3 small,.def_bg .w1200 h3 font{color:#fff;}
.def_bgs .w1200 h3 small,.def_bgs .w1200 h3 font{color:#fff;}
.def_more{clear:both; display:block;width:120px;height:38px;line-height:38px; text-align:center;margin-top:30px;font-size:small;border:1px solid #000;margin:5% auto 0 auto;}
.defblock .anli_mgr{width:80%; margin:0% auto 0% auto;padding:0px 10% 0px 10%;}
.defblock .about_mgr{width:80%; margin:0% auto 0% auto;padding:0px 10% 0px 10%;}
.defchoose_block{margin:0% auto 0% auto;padding:70px 10% 30px 10%; }
.defchoose_block .w1200 h3 small,.defchoose_block .w1200  h3 font{color:#fff;}
/*about*/
.defabout-wrap{width:1200px; margin:30px auto;color:#ccc;}
.defabout-wrap .page_index_pic {display:inline;width:30%;float:left; text-align:left;text-indent:2em;margin:0px auto;}
.defabout-wrap .page_index_pic  img{width:100%;}
.defabout-wrap .page_index_text {display:block;width:60%;padding:30px 100px; float:initial; text-align:left;margin:0px auto;color:#fff;font-size:12pt;background:rgba(255,255,255,.15);text-indent:2em;}
.defabout-wrap .page_index_text p{margin:0px;text-indent:2em;}
.defabout-wrap .page_index_text  a{color:#FF6600;margin-left:10px;}
.page_index_btn{display:block;width:910px; margin:0px auto;}
.page_index_btn span{display:inline;float:left;width:168px;padding-left:20px; height:58px;line-height:58px;border:1px solid #fff;margin:5% 10px 5% 10px;}
.color_f{border:1px solid #fff;color:#fff;}
/*推荐新闻*/
.defnews_top{display:inline;float:left;width:50%;height:470px; margin-right:0%;margin-top:2%;}
.defnews_list {width:48%;display:inline;float:right;margin-top:20px;}
.defnews_top  .swiper-container {width: 100%;height: 100%; margin-left: auto;margin-right: auto;}                    
.defnews_top .swiper-slide{display:inline;float:right;width:100%;margin-bottom:2.5%;position:relative;}
.defnews_top .swiper-slide a.pic{position:relative; display:block;width:100%;height:100%;}
.defnews_top .swiper-slide a.pic img{display:block;width:100%;height:100%;}
.defnews_top .swiper-slide .txt{display:block;width:90%;padding:10px 5%;background:#f9f9f9;position:absolute;bottom:-10px;height:80px;background:rgba(0,0,0,.5);text-align:left;color:#fff;}
.defnews_top .swiper-slide .txt .view_tit{color:#fff;}
.defnews_top .swiper-slide .txt .view_tit i{background:#e50112;color:#fff;font-size:small;padding:4px 10px;margin-right:10px; }
.defnews_top .swiper-slide .txt p{font-size:14px;}
/*defpartner*/
.defnews_list {width:49%;display:inline;float:left;margin-top:20px;}
.defnews_list:nth-child(2n) {width:49%;display:inline;float:right;}
.defblock .defnews_list h3{font-size:18px;text-align:left; color:#0067d0;border-left:4px solid #0067d0;padding-left:10px; }
.defnews_list div{display:block;text-align:left;min-height:110px;margin:0% 0 2% 0; }
.defnews_list div img{display:inline;float:left;width:23%;margin:1% 2% 1% 14px;}
.defnews_list div p{font-size:12px;margin:0;}
.defnews_list div p strong{display:block;font-size:15px;font-weight:500;}
.defnews_list div p em{display:block;width:100%;}    
/*品牌客户*/
.defblock{position:relative;}
.defpart_wrap {display:block;width:1200px;height:auto; margin:0px auto;text-align:center;padding:0px 0 50px 0px;left:calc(50% - 600px);}                
.defpart_wrap h3{display:block;width:100%; }
.defpart_wrap h3 {font-weight:500; text-align:center;margin-bottom:20px;}
.defpart_wrap h3.cen{text-align:center;}
.defpart_wrap h3 a {display: none;}
.defpart_wrap h3 i{display:none;width:30px;height:4px;background:none;margin:0px auto 10px auto;transition:all .3s;}
.defpart_wrap h3 small {display: block;color:#333; line-height:40px;height:40px; font-size:18pt;font-weight:bold;z-index:9;position:relative;}
.defpart_wrap h3 font {margin-left:0px;color:#888;font-size:14px; position:relative;top:0pt;z-index:1}
.defpart_wrap h3:hover i{display:none;width:90px;height:4px;background:#0066cb;margin:0px auto 10px auto;transition:all .3s;}
.defpart_wrap  .swiper-slide{width:23.5%;margin-right:2%;}
.defpart_wrap  .swiper-slide a{display:block;width:95%;padding:2.5%;background:none;position:relative;}
.defpart_wrap  .swiper-slide a img{width:100%;border:1px solid #eee;}
.defpart_wrap  .swiper-slide a span{display:none; font-size:14px;width:100%; text-align:center;position:absolute;border:400px;transition:all .3s;}                
.defpart_wrap  .swiper-slide a:hover span{display:block; color:#0067d0;bottom:0px;transition:all .3s;}
@media screen and (max-width:1200px) {     
    
    body{background:no-repeat;}    
    .defblock {padding:0px 0px 0px 0px;}
    .defblock .w1200 {clear:both; width:100%;padding:0%; margin:0px auto;text-align:center;position:relative;}
    .defblock .w1200 {clear:both; width:100%;padding:0%; margin:0px auto;text-align:center;position:relative;}
    .defblock .w1200 h3 small {display: block;line-height:40px;height:40px; font-size:12pt;color:#333;font-weight:bold;z-index:9;position:relative;/* -webkit-text-stroke: 1px #fff;*/}
    .defblock .w1200 h3 font {margin-left:0px;color:#333;font-size:11pt;text-transform:uppercase; font-style:italic;position:relative;top:0pt;z-index:1}
    .defblock .w1200 h3 font.color-fs{color:#999;}

    .def_bb{padding:0px 0px 30px 0px;background:#fff;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}
    .def_bgf6{background:#fff;padding:30px 0px 30px 0px;}
    .def_bg .w1200 h3 small,.def_bg .w1200 h3 font{color:#fff;}
    .def_bgs .w1200 h3 small,.def_bgs .w1200 h3 font{color:#fff;}
    .defblock .anli_mgr{width:95%; margin:2% auto 2% auto;padding:0px 2.5% 0px 2.5%;}
    .defblock .about_mgr{width:95%; margin:2% auto 2% auto;padding:0px 2.5% 0px 2.5%;}   


    /* 产品展示 */
    /*******************showbox10102*******************/
    .showbox10102{DISPLAY:INLINE;FLOAT:LEFT;width:47%;background:#fff;  margin-bottom:2.5%;margin-right:0%;margin-left:2%; text-align:center;position:relative;}
    .showbox10102:nth-child(2n){margin-right:0%;}
    .showbox10102:nth-child(3n){margin-right:0%;}
    .showbox10102:nth-child(6n){margin-right:0%;}
    .showbox10102 img{width:100%;transition:all .3s;}
    .showbox10102 .showbox_pic {overflow: hidden;border:1px solid #f6f7fb;}
    .showbox10102 .showbox_pic em{position:absolute;left:0%;top:0%;background:#e50112;padding:0px 10px; color:#fff;font-size:12px;}
    .showbox10102 img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition:all .3s}
    .showbox10102 .hover{display:none}
    .showbox10102 .showbox_tit{width:100%;padding:5% 0;}
    .showbox10102 .showbox_tit span{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .showbox10102 .showbox_tit span.faa{display:block;float:left;text-align:center; width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

    .defcasewrap  .w1200{min-height:102px;}
    .defcasewrap  .w1200 .slink {display:none;float:left;width:95%;padding:0 2.5% 0 2.5%; position:relative;margin-top:0px;line-height:36px; text-align:center;margin-bottom:2.5%;}
    .defcasewrap  .w1200 .slink a {display:inline;float:left;width:25%; margin-left: 0%;margin-bottom:0; height:32px;line-height:32px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ccc;border-bottom:1px solid #f6f7fb;}
    .defcasewrap  .w1200 .slink a:nth-child(2n){background:#f6f7fb;border-bottom:1px solid #fff;}
    .defcasewrap  .w1200 .slink a:nth-child(4n+1){display:inline;float:left;width:25%; margin-left: 0%;height:32px;line-height:32px;}
    .defcasewrap  .w1200 .slink a.cur {margin-left: 0%;height:32px;padding-bottom:0px;line-height:32px;}
    .defcasewrap  .w1200 .slink a.cur:nth-child(2n) {background:#ee1c25; margin-left: 0%;height:32px;padding-bottom:0px;line-height:32px;}

    /*行业应用*/
    .deftopcase{width:95%; overflow:hidden; zoom:1;margin:0% auto;display:block;float:initial; }
    .deftopcase section{width:100%; overflow:hidden; zoom:1;margin-top:0%; }
    .deftopcase section pre{text-align:center;}
    .deftopcase section div{ width:100%;height:140px; padding:0%; background:#fff;margin-right:0%; margin-bottom:0%; position:relative; float:left; display:inline;}
    .deftopcase section div a p{display:inline;float:left; background:#f6f7fb; width:50%;height:20px;padding:60px 0 60px 0; text-align:center;margin-top:0;font-size:14px;color:#888;position:relative;}
    .deftopcase section div a p span.inner{ font-size:14px;color:#333;text-align:center;top:50px;margin-left:auto;margin-right:auto; border-bottom:2px solid #e50112;transition:all .3s;}
    .deftopcase section div .pic {position:relative;display:inline;float:left; width:100%;padding:0%; overflow:hidden;margin-bottom:0px;}
    .deftopcase section div .pic img { background:#ddd;width:50%;display:inline;float:left; transition:all .3s;}
    .deftopcase section div label{display:block; width:20px;height:20px;background:#f6f7fb;transform:rotate(45deg);position:absolute;top:59px;left:calc(50% - 10px);}
    .deftopcase section div:hover img{border-radius:20px;transition:all .3s;background:#f6f7fb;}
    .deftopcase section div:hover span.inner{font-size:18px;transition:all .3s;}
    .deftopcase section div:nth-child(2n){ width:100%;padding:0%; background:#fff;margin-right:0%; margin-bottom:0%; position:relative; float:left; display:inline;}
    .deftopcase section div:nth-child(2n) a p{position:absolute;top:0;left:0;}
    .deftopcase section div:nth-child(2n) .pic img{margin-top:0px;margin-left:50%;}

    .deftopprod{border:0px solid #0050a0;margin-top:0px;width:100%;}
    .defartbox .deftit {display: none;}
    .wapnone{display:none;}
    .pd100_5{padding-top:5%;}
       
    /*关于我们*/
    .defabout-wrap{width:100%;}
    .defabout-wrap .page_index_pic {display:block;float:initial;width:100%;height:auto;overflow:hidden;text-align:center;text-indent:0;}            
    .defabout-wrap .page_index_pic img{width:60%;box-shadow:initial;margin:0px auto;}
    .defabout-wrap .page_index_text {display:block;float:initial;width:95%;padding:2.5%;text-align:center;text-indent:2em;font-size:14px;margin:30px auto;}
    .defabout-wrap .more {display:block;float:initial;width:120px;text-align:center;margin-top:30px;}
    .page_index_btn{display:block;width:100%; margin:5% auto 0 auto;}
    .page_index_btn span{display:inline;float:left;width:calc(50% - 42px);padding-left:20px; height:38px;line-height:38px;border:1px solid #fff;margin:1% 10px 2% 10px;}
   
    /*推荐新闻*/
    .defnews_top{display:inline;float:left;width:100%;height:auto; margin-right:0%;margin-top:2%;}
    .defnews_list {width:100%;display:inline;float:right;margin-top:20px;}
    .defnews_top .swiper-container {width: 90%;height: 100%; margin-left: auto;margin-right: auto;}                    
    .defnews_top .swiper-slide{display:inline;float:left;width:100%;margin-bottom:2.5%;position:relative;}
    .defnews_top .swiper-slide a.pic{position:relative; display:block;width:100%;height:100%;}
    .defnews_top .swiper-slide a.pic img{display:block;width:100%;height:100%;}
    .defnews_top .swiper-slide .txt{display:block;width:90%;padding:10px 5%;background:#f9f9f9;position:absolute;bottom:0px;height:60px;background:rgba(0,0,0,.5);text-align:left;color:#fff;}
    .defnews_top .swiper-slide .txt .view_tit{color:#fff;}
    .defnews_top .swiper-slide .txt .view_tit i{background:#e50112;color:#fff;font-size:small;padding:4px 10px;margin-right:10px; }
    .defnews_top .swiper-slide .txt p{font-size:14px;display:none;}
    /*defnews_list*/
    .defnews_list {width:95%;display:inline;float:left;margin-top:20px;margin-left:2.5%;}
    .defnews_list:nth-child(2n) {width:95%;display:inline;float:right;margin-right:2.5%;}
    .defblock .defnews_list h3{font-size:18px;text-align:left; color:#0067d0;border-left:4px solid #0067d0;padding-left:10px; }
    .defnews_list div{display:block;text-align:left;min-height:110px;margin:2% 0 0 0;border-bottom:1px solid #ccc; }
    .defnews_list div img{display:inline;float:left;width:23%;margin:1% 2% 1% 14px;}
    .defnews_list div p{font-size:12px;}
    .defnews_list div p strong{display:block;font-size:15px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .defnews_list div p em{display:block;width:100%;}
    /*品牌客户*/
    /*defpartner*/
    .defpartner_block{min-height:500px;padding-top:70px;}
    .defpartner{display:block;position:relative;width:95%;padding:0 2.5%;}
    .defpartner a{display:inline;float:left;width:48%;margin-right:2%;margin-bottom:2%;}
    .defpartner a:nth-child(2n){display:inline;float:left;width:48%;margin-right:0%;}
    .defpartner img:nth-child(10n){display:inline;float:right;width:48%;margin-right:0%;}

    .def_bgs{padding:30px 0 30px 0;}
    .defpart_wrap {display:block;width:100%;height:240px; margin:0px auto;text-align:center;padding:0%;background:#fff;position:relative;margin-top:initial;left:0;}
    .defpart_wrap h3{display:block;width:100%; position:initial;top:initial;}
    .defpart_wrap h3 {font-weight:500; color:#333;text-align:center;/*height:66px;*/margin-bottom:20px;}
    .defpart_wrap h3.cen{text-align:center;}
    .defpart_wrap h3 a {display: none;}
    .defpart_wrap h3 i{display:none;width:30px;height:4px;background:none;margin:0px auto 10px auto;transition:all .3s;}
    .defpart_wrap h3 small {display: block;line-height:40px;height:40px; font-size:16px;color:#333;font-weight:bold;z-index:9;position:relative;}
    .defpart_wrap h3 font {margin-left:0px;color:#333;font-size:14px; position:relative;top:0pt;z-index:1}
    .defpart_wrap h3:hover i{display:none;width:90px;height:4px;background:#0066cb;margin:0px auto 10px auto;transition:all .3s;}
    .defpart_wrap  .swiper-slide{width:47%;margin-right:2%;}        
    .defnews_block .w1200{position:relative;margin-top:50px;}        
}